<template>
  <div>
    <d-button @click="openDialog">打开Drawer</d-button>
  </div>

  <d-drawer v-model="dialogVisible" title="我是一个标题">
    <div>This is dialog content.</div>
  </d-drawer>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  import DDrawer from '../../../packages/drawer/index.vue'

  const dialogVisible = ref(false)
  const openDialog = () => {
    dialogVisible.value = true
  }
</script>
